<template>
	<el-form-item label="申请人" >
		<el-select v-model="form.applierName"
							 filterable
							 remote
							 reserve-keyword
							 placeholder="请输入关键词"
							 :remote-method="remoteMethod"
							 :loading="loading">
			<el-option
					v-for="item in ulist"
					:key="item.id"
					:label="item.nickName"
					:value="item.nickName">
			</el-option>
		</el-select>
	</el-form-item>
</template>

<script>
// import {listUser} from ...;


export default {
	name: "xxx",
	data() {
		return {
			ulist:[],
			uQueryParams:{}
		}
	},
	created() {
		this.getUlistFun();
	},
	methods: {
		getUlistFun(){
			listUser(this.uQueryParams).then(response => {
				this.loading = false;
				this.ulist = response.rows;
			});
		},
		remoteMethod(query) {
			this.loading = true;
			this.ulist = [];
			this.uQueryParams.nickName = query || '';
			this.getUlistFun();
		},
	}
}
</script>

